<template>
	<view class="count">
		<view class="topBg">

		</view>
		<view class="topBody b-f p-20">
			<view @click="BorrowingRules" class="topT f f-a-c f-j-b">
				<view class="left">
					借阅规则
				</view>
				<image src="/static/my/you.png" class="you" mode=""></image>
			</view>
			<view @click="process" class="topTs f f-a-c f-j-b">
				<view class="left">
					借阅流程
				</view>
				<image src="/static/my/you.png" class="you" mode=""></image>
			</view>
		</view>
		<view class="topBg">

		</view>
		<view class="topBody b-f p-20">
			<view @click="membership" class="topTs f f-a-c f-j-b">
				<view class="left">
					会员卡相关
				</view>
				<image src="/static/my/you.png" class="you" mode=""></image>
			</view>
		</view>
		<view class="topBg">

		</view>
		<view class="topBody b-f p-20">
			<view @click="book_report_rule" class="topT f f-a-c f-j-b">
				<view class="left">
					书籍报损规则
				</view>
				<image src="/static/my/you.png" class="you" mode=""></image>
			</view>
			<view @click="compensation_rule" class="topTs f f-a-c f-j-b">
				<view class="left">
					书籍赔偿规则
				</view>
				<image src="/static/my/you.png" class="you" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			// 点击借阅规则
			BorrowingRules() {
				uni.navigateTo({
					url: '/pageC/detils?name=borrow_rule'
				})
			}, // 点击借阅流程
			process() {
				uni.navigateTo({
					url: '/pageC/detils?name=borrow_process'
				})
			},
			// 会员卡相关
			membership() {
				uni.navigateTo({
					url: '/pageC/detils?name=membership_card'
				})
			},
			// 会员卡相关
			compensation_rule() {
				uni.navigateTo({
					url: '/pageC/detils?name=compensation_rule'
				})
			},
			// 会员卡相关
			book_report_rule() {
				uni.navigateTo({
					url: '/pageC/detils?name=book_report_rule'
				})
			},
		}
	}
</script>
<style>
	page {
		background-color: #fff;
	}
</style>
<style lang="scss" scoped>
	.topTs {
		padding: 20rpx 0;

		.you {
			width: 12rpx;
			height: 22rpx;
		}
	}

	.topT {
		padding-bottom: 30rpx;
		border-bottom: 2rpx solid #f5f5f5;
		margin-bottom: 30rpx;

		.you {
			width: 12rpx;
			height: 22rpx;
		}
	}

	.topBg {
		width: 100%;
		height: 25rpx;
		background-color: #f9f9f9;
	}
</style>